// 定义食物类Food
class Food {
    // 定义一个属性来表示食物所对应的元素
    element: HTMLElement;
    constructor() {
        // 获取页面中food元素并将其赋值给element，！表示这里是肯定存在值的，不会为空
        this.element = document.getElementById('food')!;
    }

    // 定义一个获取食物x轴坐标的方法
    get X() {
        return this.element.offsetLeft;
    }
    // 定义一个获取食物y轴坐标的方法
    get Y() {
        return this.element.offsetTop;
    }
    // 修改食物位置
    change() {
        // 生成随机位置,坐标范围是0~290（相对于stage）,且必须整除10，因为蛇每次移动一格，一格的大小是10*10
        let top = Math.round(Math.random() * 29) * 10;
        let left = Math.round(Math.random() * 29) * 10;
        this.element.style.left = left + 'px';
        this.element.style.top = top + 'px';
    }
}
// 测试
/* const food = new Food();
food.change();
console.log(food.X, food.Y); */

export default Food;